<script  setup>
import Card from "../../help/Card.vue";
import P from '../../assets/p.jpg'


const emits = defineEmits(['back'])
</script>

<template>
  <Card title="基础信息" class="flex basis-1/3 animate__animated animate__fadeInTopRight overflow-hidden">
    <template #header>
      <el-button type="primary" plain class="ml-20" @click="emits('back')">返回总览</el-button>
    </template>
    <div class="w-full h-full flex p-2 overflow-hidden">
      <div class="flex-1 flex-col h-full items-center  justify-center flex text-base text-blue-400 gap-y-3 overflow-hidden">
        <span>班级: 20物联网</span>
        <span>姓名: 黄添</span>
        <span>学号: 133</span>
        <span>评语：学习表现好</span>
      </div>
      <div class="flex-1 py-2">
        <img :src="P" alt="1" class="rounded w-[160px] h-[160px]"/>
      </div>
    </div>
  </Card>
</template>
